<admintpl file="header" />
<style type="text/css">
.pic-list li {
	margin-bottom: 5px;
}
.label-td {
	position: relative;
}
.label-td .label-container {
	float: left;
	width: 93%;
	overflow: hidden;
	white-space: nowrap;
}
.label-td .label-select {
	float: right;
	font-size: 18px;
	display: inline-block;
	position: relative;
	padding-top: 10px;
}
.label-td .label-select:hover {
	color: #5bc0de;
}
.label-td .label-container span {
	display: inline-block;
	width: 80px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #5bc0de;
	border-radius: 10px;
	text-align: center;
	margin-right: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
</style>
</head>
<body>
	<div class="wrap js-check-wrap">
		<ul class="nav nav-tabs">
			<li><a href="{:U('AdminQuestion/question_list')}">问答管理</a></li>
			<li class="active"><a href="#">编辑问答</a></li>
		</ul>
		<form action="{:U('AdminQuestion/updateQuestion')}" method="post" class="form-horizontal js-ajax-forms" enctype="multipart/form-data">
			<div class="row-fluid">
				<div class="span9">
					<table class="table table-bordered">
						<tr>
							<th width="80">分类</th>
							<td>
								<php>
									$cateogrys = explode(',', $post['category']);
								</php>
								<select name="post[category][]" multiple="multiple">
									<volist name="post_categorys" id="vo">
										<option value="{$vo.id}" <?php echo in_array($vo['id'], $cateogrys) ? 'selected' : ''?>>{$vo.name}</option>
									</volist>
								</select>
								<div>windows：按住 Ctrl 按钮来选择多个选项,Mac：按住 command 按钮来选择多个选项</div>
							</td>
						</tr>
						<tr>
							<th>标签</th>
							<td class="label-td">
								<div class="label-container">
									<input type="hidden" value="{$post['labels']}" name="post[labels]" id="labels">
									<volist name="post[label_names]" id="vo">
										<span class="label-name">{$vo}</span>
									</volist>
								</div>
								<div class="label-select">
									<span class="label-select-span">选择标签</span>
								</div>
							</td>
						</tr>
						<tr>
							<th>标题</th>
							<td>
								<input type="hidden" name="post[id]" value="{$post.id}">
								<input type="text" style="width: 400px;" name="post[post_title]" required value="{$post.post_title}" placeholder="请输入标题"/>
								<span class="form-required">*</span>
							</td>
						</tr>
						<tr>
							<th>关键词</th>
							<td>
								<input type="text" name="post[post_keywords]" style="width: 400px" value="{$post['post_keywords']}" placeholder="请输入关键字">
								多关键词之间用空格或者英文逗号隔开
							</td>
						</tr>

						<tr>
							<th>摘要</th>
							<td>
								<textarea name="post[post_excerpt]" style="width: 98%; height: 50px;" placeholder="请填写摘要">{$post.post_excerpt}</textarea>
							</td>
						</tr>
						<tr>
							<th>内容</th>
							<td>
								<script type="text/plain" id="content" name="post[post_content]">{$post.post_content}</script>
							</td>
						</tr>
					</table>
				</div>
				<div class="span3">
					<table class="table table-bordered">

						<tr>
							<th>发布时间</th>
						</tr>
						<tr>
							<td><input type="text" name="post[post_date]" value="{$post.post_date}" class="js-datetime" style="width: 160px;"></td>
						</tr>

						<tr>
							<th>评论</th>
						</tr>
						<tr>
							<td>
								<label style="width: 160px">
									<a href="javascript:open_iframe_dialog('{:U('comment/commentadmin/question_comment_list',array('post_id' => $post['id']))}','评论列表')">
										查看评论/回答/邀请回答
									</a>
								</label>
							</td>
						</tr>

						<tr>
							<th>审核历史</th>
						</tr>
						<tr>
							<td>
								<label style="width: 88px;">
									<a href="javascript:open_iframe_dialog('{:U('comment/commentadmin/judge_list',array('post_id' => $post['id']))}','审核列表')">
										查看审核历史
									</a>
								</label>
							</td>
						</tr>

						<tr>
							<th>状态</th>
						</tr>
						<tr>
							<td>
								<!--0未审核, 1已审核，2审核未通过，3删除，4草稿-->
								<label class="radio"><input type="radio" name="post[post_status]" value="1" {$post['post_status'] == 1 ? 'checked' : ''}>审核通过</label>
								<label class="radio"><input type="radio" name="post[post_status]" value="2" {$post['post_status'] == 2 ? 'checked' : ''}>未审核通过</label>
							</td>
						</tr>

                        <tr>
                            <th>回答定价</th>
                        </tr>
                        <tr>
                            <td>
                                <input type="text" name="post[question_price]" value="{$post.question_price}">
                            </td>
                        </tr>
					</table>
				</div>
			</div>
			<div class="form-actions">
				<button class="btn btn-primary js-ajax-submit" type="submit">提交</button>
				<a class="btn" href="{:U('Question/AdminQuestion/question_list')}">返回</a>
			</div>
		</form>
	</div>
	<script type="text/javascript" src="__PUBLIC__/js/common.js"></script>
	<script type="text/javascript">
		//编辑器路径定义
		var editorURL = GV.WEB_ROOT;
	</script>
	<script type="text/javascript" src="__PUBLIC__/js/ueditor/ueditor.config.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/ueditor/ueditor.all.min.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/layer/layer_1.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/notify.js"></script>
	<script type="text/javascript">
		$(function() {

            $('.label-select-span').click(function () {
                var has_labels = $('#labels').val();
                layer.open({
                    title: "选择标签",
                    type: 2,
                    area: ['70%', '70%'],
                    btn: ['确定', '取消'],
                    content: "{:U('Label/AdminIndex/select_label')}" + "&has_labels=" + has_labels,
                    yes:function (index, layerC) {
                        // 子窗口
                        var content 	= layerC.find("iframe")[0].contentWindow;
                        var labels 		= content.$('#has_labels').val();

                        $('#labels').val(labels);
                        $.get("{:U('Label/AdminIndex/get_label_name')}" + "&label_ids=" + labels, {}, function (data) {
                            if (data.status) {
                                $('.label-name').remove();
                                var html = "";
                                $.each(data.data, function (index, item) {
                                    html += '<span class="label-name">';
                                    html += item.name;
                                    html += '</span>';
                                })
                                $('.label-container').append(html);
                            }
                        })

                        layer.close(index);
                    }
                });
            });
			
			//setInterval(function(){public_lock_renewal();}, 10000);
			$(".js-ajax-close-btn").on('click', function(e) {
				e.preventDefault();
				Wind.use("artDialog", function() {
					art.dialog({
						id : "question",
						icon : "question",
						fixed : true,
						lock : true,
						background : "#CCCCCC",
						opacity : 0,
						content : "您确定需要关闭当前页面嘛？",
						ok : function() {
							setCookie("refersh_time", 1);
							window.close();
							return true;
						}
					});
				});
			});
			/////---------------------
			Wind.use('validate', 'ajaxForm', 'artDialog', function() {
				//javascript

				//编辑器
				editorcontent = new baidu.editor.ui.Editor();
				editorcontent.render('content');
				try {
					editorcontent.sync();
				} catch (err) {
				}
				//增加编辑器验证规则
				jQuery.validator.addMethod('editorcontent', function() {
					try {
						editorcontent.sync();
					} catch (err) {
					}
					;
					return editorcontent.hasContents();
				});
				var form = $('form.js-ajax-forms');
				//ie处理placeholder提交问题
				if ($.browser && $.browser.msie) {
					form.find('[placeholder]').each(function() {
						var input = $(this);
						if (input.val() == input.attr('placeholder')) {
							input.val('');
						}
					});
				}
				//表单验证开始
				form.validate({
					//是否在获取焦点时验证
					onfocusout : false,
					//是否在敲击键盘时验证
					onkeyup : false,
					//当鼠标掉级时验证
					onclick : false,
					//验证错误
					showErrors : function(errorMap, errorArr) {
						//errorMap {'name':'错误信息'}
						//errorArr [{'message':'错误信息',element:({})}]
						try {
							$(errorArr[0].element).focus();
							art.dialog({
                                id : 'error',
                                icon : 'error',
                                lock : true,
                                fixed : true,
                                background : "#CCCCCC",
                                opacity : 0,
                                content : errorArr[0].message,
                                cancelVal : '确定',
                                cancel : function() {
                                    $(errorArr[0].element).focus();
                                }
                            });
						} catch (err) {
						}
					},
					//验证规则
					rules : {
						'post[post_title]' : {
							required : 1
						},
						'post[post_content]' : {
							editorcontent : true
						}
					},
					//验证未通过提示消息
					messages : {
						'post[post_title]' : {
							required : '请输入标题'
						},
						'post[post_content]' : {
							editorcontent : '内容不能为空'
						}
					},
					//给未通过验证的元素加效果,闪烁等
					highlight : false,
					//是否在获取焦点时验证
					onfocusout : false,
					//验证通过，提交表单
					submitHandler : function(forms) {
						$(forms).ajaxSubmit({
							url : form.attr('action'), //按钮上是否自定义提交地址(多按钮情况)
							dataType : 'json',
							beforeSubmit : function(arr, $form, options) {

							},
							success : function(data, statusText, xhr, $form) {
								if (data.status) {
									setCookie("refersh_time", 1);
									//添加成功
									Wind.use("artDialog", function() {
										art.dialog({
											id : "succeed",
											icon : "succeed",
											fixed : true,
											lock : true,
											background : "#CCCCCC",
											opacity : 0,
											content : data.info,
											button : [ {
												name : '继续编辑？',
												callback : function() {
													//reloadPage(window);
													return true;
												},
												focus : true
											}, {
												name : '返回列表页',
												callback : function() {
													location = "{:U('AdminQuestion/question_list')}";
													return true;
												}
											} ]
										});
									});
								} else {
									artdialog_alert(data.info);
								}
							}
						});
					}
				});
			});
			////-------------------------

            monitor(2, 5, "{:U('Portal/AdminPost/occupy_post_edit', array('id' => $post['id']))}", 2);
		});
	</script>
</body>
</html>